<template>
    <div class="wrap">
        <!-- 风控信息 -->
        <div class="info-unit">
            <h2 class="title">风控信息</h2>
            <el-table
                :data="risks"
                style="width: 100%">
                <el-table-column
                    prop="date"
                    label="保障金不足笔数"
                    width="180">
                </el-table-column>
                <el-table-column
                    prop="name"
                    label="融资预还款笔数"
                    width="180">
                </el-table-column>
                <el-table-column
                    prop="address"
                    label="融资还款逾期笔数">
                </el-table-column>
            </el-table>
        </div>
        <!-- 贸易信息 -->
        <div class="info-unit">
            <h2 class="title">风控信息</h2>
            <el-table
                :data="risks"
                style="width: 100%">
                <el-table-column
                    prop="date"
                    label="保障金不足笔数"
                    width="180">
                </el-table-column>
                <el-table-column
                    prop="name"
                    label="融资预还款笔数"
                    width="180">
                </el-table-column>
                <el-table-column
                    prop="address"
                    label="融资还款逾期笔数">
                </el-table-column>
            </el-table>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            risks: [], //风控信息
        }
    }
}
</script>
<style lang="less" scoped>
    .wrap {
        padding: 20px;
        overflow: hidden;
    }
    .info-unit {
        clear: both;
        margin-bottom: 30px;
    }
    .title {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .info-unit thead th {
        font-weight: normal!important;
        font-size: 14px;
    }
</style>